*,::before,::after{box-sizing:border-box;margin:0;padding:0}html{font-family:'Inter',system-ui,sans-serif;color:#cdd6f4;background-color:#0d1117;scroll-behavior:smooth}body{width:100%;height:100vh;height:100svh;display:grid;place-items:center;background-image:radial-gradient(rgba(255,255,255,0.1) 1px,transparent 1px);background-size:16px 16px;overflow:hidden}main{background-color:rgba(19,23,30,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:clamp(1.5rem,5vw,3rem);border-top:2px solid #30363d;border-right:2px solid #30363d;max-width:650px;width:90%;box-shadow:0 10px 30px rgba(0,0,0,0.3)}main img{width:48px;height:48px;border-radius:99px;margin-bottom:1.5rem}h1{font-size:clamp(2rem,6vw,3.25rem);font-weight:800;color:#fff;margin-bottom:.75rem;line-height:1.1}p{font-size:clamp(1rem,2.5vw,1.125rem);font-weight:400;color:#cdd6f4;margin-bottom:2rem;max-width:60ch}a.cta{display:inline-block;background-color:#f9a825;color:#0d1117;padding:.85rem 1.75rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:clamp(0.9rem,2vw,1rem);transition:transform .2s ease-out}a.cta:hover{transform:scale(1.05)}#cookie-banner{position:fixed;bottom:0;left:0;right:0;background-color:#161b22;padding:1rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;border-top:1px solid #30363d;transform:translateY(120%);transition:transform .4s ease-out;z-index:100}#cookie-banner.show{transform:translateY(0)}#cookie-banner p{color:#cdd6f4;font-size:.9rem;margin:0;flex-grow:1;text-align:center}@media(min-width:640px){#cookie-banner p{text-align:left;flex-grow:0}}#cookie-accept{background-color:#f9a825;color:#0d1117;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-weight:600;font-family:'Inter',sans-serif;font-size:.9rem;transition:opacity .2s}#cookie-accept:hover{opacity:.85}